<!DOCTYPE html>
<html lang="zn-ch">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TodoList-待办清单</title>
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery.min.js"></script>
    <!-- <script src="js/index.js"></script> -->
    <script src="js/index_local.js"></script>
    <!-- 展开折叠的字体图标引入，旋转等 -->
    <!-- 删除变成图标 -->
</head>

<body>
    <!-- 新增待办 -->
    <div class="new-item">
        <div class="w">
            <span class="logo">TODOLIST</span>
            <button class="newItem_btn">添加</button>
            <input type="text" name="new-input" id="new-input" class="" placeholder="输入想做的事...">
        </div>
    </div>
    <!-- 待办部分 -->
    <div class="tobeProcessed w">
        <div class="title_tbp">
            <span>待办事项</span>
            <a href="javascript:;">展开/折叠</a>
        </div>
        <ul class="list_tobeProcessed">
            <!-- <li style="display: block;">
                <input type="checkbox" name="" id="" class="complete_box">
                <p>tobe_processed test</p>
                <a href="javascript:;" class="deleteBtn">删除</a>
            </li> -->
        </ul>
    </div>
    <!-- 已完成部分 -->
    <div class="processed w">
        <div class="title_processed">
            <span>已经完成</span>
            <a href="javascript:;">展开/折叠</a>
        </div>
        <ul class="list_processed">
            <!-- <li style="display: block;">
                <input type="checkbox" name="" id="" class="complete_box" checked>
                <p>processed_test</p>
                <a href="javascript:;" class="deleteBtn">删除</a>
            </li> -->
        </ul>
    </div>
</body>

</html>